<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>2018/12/12</title>
  <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>
<script>
  //life circle 生命周期
  //hooks 钩子 【回调函数】【在恰当的时间做恰当的事情】
  // function Person(config) {
  //   if(config.beforeNamed){
  //     config.beforeNamed();
  //   }
  //   this.name = config.name;
  //   this.age = config.age;
  //   this.gender = config.gender;
  //   if( config.created){
  //     config.created();
  //   }
  // }
  // new Person({
  //   name: 'a',
  //   age: 18,
  //   gender: false,
  //   beforeNamed: function(){
  //     console.log('她马上就有名字了');
  //   },
  //   created: function () {
  //     console.log('我已经完全构建好了');
  //   }
  //
  // }); //他的生命就开始了
</script>
<script>
  let config = {
    name: 'abc',
    data() {
      return {}
    }
  };
  var abc = {
    install: function (Vue) {
      Vue.component(config.name,config);
    }
  };
  Vue._use = function (op) {
    op.install(this);
  };
  Vue._use(abc);


  // let config = {
  //   name: 'abc',
  //   data() {
  //     return {}
  //   }
  // };
  // Vue.component(config.name,config);
</script>
</body>
</html>
/*
children  子组件
parent  父组件
refs 引用
插件式全局组件注册
slot 插槽
*/
